.decal {
    height: 2px;
    background-color: #0E0E0E;
    border-bottom: 1px solid #4A4848;
    position: relative;
}

.chart-portlet{
    display: flex;
    flex-direction: column;
    height: 350px;
    border-top: 1px solid transparent;
    .portlet-body{
        position: relative;
        flex:1;
    }
    .highchart{
        position:absolute;
        top:0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: #fff;
        margin: 10px;
    }
}

#chart-container{
    height: 400px;
    background-color: #3d3d3d;
    border-left:1px solid #333;
    flex-direction: column;
    display: flex;
    position: fixed;
    top:auto !important;
    bottom: 0;
    left: 235px;
    right: 0;
    transition: bottom .2s linear;
    &.hide-chart{
        bottom:-420px;
    }
    .title{
        height: 51px;
        color:#fff;
        font-size:14px;
        padding:10px;
        .btn.red-mint{
            background-color: #d64635;
            height: 34px;
            &:focus,&:hover{
                border-color:#CE2D1A;
            }
        }
    }
    #chart{
        flex:1;
        padding-bottom:8px;
        .table{
            background-color: transparent;
            color:#fff;
            th,td{
                border-top:1px solid #313131;
            }
        }
    }
}